<template>
  <view class="conter">
    <view :style="{paddingTop: statuHeight +'px'}"></view>
     <!-- 头部个人信息 -->
     <view class="header">
       <view class="img-head">
         <image src="../../static/my/avatar.png"></image>
         <view class="circle"><image src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_camera_icon.png"></image></view>
       </view>
       <view class="nackname">{{ userData.userName }}</view>
     </view>
     <!-- 主体内容 -->
     <view class="my-main">
       <!-- 每周分享 -->
   <!--    <view class="share-box" @click="jump('/pages/my/study/index')">
         <view class="icon-name">
           <view class="icon-share"><image mode="aspectFit" src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_my_icon_1.png"></image></view>
           <view class="text-share">学习报告</view>
         </view>
         <view class="iconfont awwro">&#xe6ab;</view>
       </view> -->
       <!-- 优惠券-我的订单 -->
<!--       <view class="discount-order">
         <view class="single-order" @click="jump('/pages/my/coupon/index')">
           <view class="icon-name">
             <view class="icon-share"><image mode="widthFix" src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_my_icon_2.png"></image></view>
             <view class="text-share">优惠券</view>
           </view>
           <view class="iconfont awwro">&#xe6ab;</view>
         </view>
         <view class="single-order" @click="jump('/pages/my/order/index')">
           <view class="icon-name">
             <view class="icon-share"><image src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_my_icon_3.png"></image></view>
             <view class="text-share">我的订单</view>
           </view>
           <view class="iconfont awwro">&#xe6ab;</view>
         </view>
         <view class="single-order" @click="jump('/pages/my/invitation/index')">
           <view class="icon-name">
             <view class="icon-share"><image src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_my_icon_4.png"></image></view>
             <view class="text-share">邀请好友</view>
           </view>
           <view class="iconfont awwro">&#xe6ab;</view>
         </view>
         <view class="single-order" @click="jump('/pages/my/swop_course/index')">
           <view class="icon-name">
             <view class="icon-share"><image src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_my_icon_9.png"></image></view>
             <view class="text-share">兑换课程</view>
           </view>
           <view class="iconfont awwro">&#xe6ab;</view>
         </view>
       </view> -->
       <!-- 邀好友-课程顾问-建议反馈-设置 -->
       <view class="discount-order">
          <view class="single-order" @click="jump('/pages/my/support_staff/index')">
           <view class="icon-name">
             <view class="icon-share"><image src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_my_icon_5.png"></image></view>
             <view class="text-share">课程顾问</view>
           </view>
           <view class="iconfont awwro">&#xe6ab;</view>
         </view>
<!--         <view class="single-order" @click="jump('/pages/my/feedback/index')">
           <view class="icon-name">
             <view class="iconfont icon-share"><image src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_my_icon_6.png"></image></view>
             <view class="text-share">建议反馈</view>
           </view>
           <view class="iconfont awwro">&#xe6ab;</view>
         </view> -->
         <view class="single-order" @click="appDownload">
           <view class="icon-name">
             <view class="icon-share"><image src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_my_icon_6.png"></image></view>
             <view class="text-share">APP下载</view>
           </view>
           <view class="iconfont awwro">&#xe6ab;</view>
         </view>
         <view class="single-order" @click="jump('/pages/my/aboutUs/index')">
           <view class="icon-name">
             <view class="icon-share"><image src="https://jinlin-airobot.oss-cn-shenzhen.aliyuncs.com/host/app_static/my/Role_my_icon_8.png"></image></view>
             <view class="text-share">关于大爆炸</view>
           </view>
           <view class="iconfont awwro">&#xe6ab;</view>
         </view>
       </view>
     </view>
     
     
  </view>
</template>

<script>
  export default{
    data() {
      return{
        userData:uni.getStorageSync('userIfon'),
        statuHeight: uni.getSystemInfoSync().statusBarHeight+44 // 状态栏高度
      }
    },
    onLoad() {
       this.$wechat.unseBehavior()
    },
    methods:{
      // 跳app下
      appDownload() {
        window.location.href = 'https://www.dbz100.com/m'
      },
      jump(path) {
        uni.navigateTo({
          url: path
        })
      }
    }
  }
</script>

<style lang="scss" scoped>
  .header{
    display: flex;
    align-items: center;
    padding: 0 40rpx;
    margin-bottom: 64rpx;
    .img-head{
      width: 128rpx;
      height: 128rpx;
      position: relative;
      .circle{
        position: absolute;
        right: 0rpx;
        bottom: 0rpx;
        width: 48rpx;
        height: 48rpx;
      }
    }
    .nackname{
      font-weight: bold;
      font-size: 36rpx;
      color: #262626;
      margin: 0 52rpx 0 32rpx;
    }
    .rigster{
      font-weight: bold;
      font-size: 36rpx;
      color: #262626;
    }
    .subtitle{
      font-size: 20rpx;
      color: #8C8C8C;
    }
  }
  .my-main{
    .share-box{
      width: 670rpx;
      height: 140rpx;
      background: #FFFFFF;
      box-shadow: 0px 8rpx 30rpx rgba(0, 0, 0, 0.08);
      border-radius: 40rpx;
      margin: auto;
      margin-bottom: 32rpx;
      padding: 0 40rpx;
      display: flex;
      align-items: center;
      justify-content: space-between;
      .icon-name{
        display: flex;
        align-items: center;
        .icon-share{
         width: 48rpx;
         height: 48rpx;
        }
        .text-share{
          font-size: 32rpx;
          color: #262626;
          margin-left: 22rpx;
        }
      }
      .awwro{
        font-size: 40rpx;
        color: #8C8C8C;
      }
    }
    // 优惠券-订单
    .discount-order{
      width: 670rpx;
      height: auto;
      background: #FFFFFF;
      box-shadow: 0px 8rpx 30rpx rgba(0, 0, 0, 0.08);
      border-radius: 40rpx;
      margin: auto;
      margin-bottom: 32rpx;
      padding: 54rpx 40rpx 50rpx 40rpx;
      .single-order{
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100rpx;
        // padding-bottom: 50rpx;
        .icon-name{
          display: flex;
          align-items: center;
          .icon-share{
            width: 48rpx;
            height: 48rpx;
          }
          .text-share{
            font-size: 32rpx;
            color: #262626;
            margin-left: 22rpx;
          }
        }
        .awwro{
          font-size: 40rpx;
          color: #8C8C8C;
        }
      }
    }
  }
</style>
